<div id="boxes">
  <!-- #customize your modal window here -->
  <div id="salvando" class="window loading">
    <div class="msg-contato">
      <img src="/app/resources/site/images/ajax-loader.gif">
      <p>
        Aguarde salvando dados!
      </p>
    </div>
  </div>
  <!-- Do not remove div#mask, because you'll need it to fill the whole screen -->
  <div id="mask"></div>
</div>

<h1><a href="/meu/pessoal">Dados Pessoais</a> > Editar</h1>

<form method="post" id="formPessoal">
  {{#cliente}}
  <div class="form">
    <div class="campo">
      <label for="nome">Nome Completo:</label>
      <br/>
      <input type="text" size="50" name="nome" id="nome" value="{{nome}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="sexoF">Sexo:</label>
      <br/>
      <input type="radio" name="sexo" id="sexoF" class="radiobutton" value="f"/>
      <label for="sexoF"> Feminino</label>
      <br/>
      <input type="radio" name="sexo" id="sexoM" class="radiobutton" value="m"/>
      <label for="sexoM"> Masculino</label>
      <br/>
    </div>
    <div class="campo">
      <label for="data_nascimento">Data de Nascimento:</label>
      <br/>
      <input type="text" size="10" name="data_nascimento" id="data_nascimento" value="{{data_nascimento}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="celular">Celular:</label>
      <br/>
      <input type="text" size="10" name="celular" id="celular" value="{{celular}}"/>
      <br/>
    </div>
    <input type="hidden" id="se_" value="{{sexo}}" disabled="disabled"/>
    <input type="submit" class="botao" value="Salvar" tabindex="25" accesskey="enter" id="submit"/>
    <input type="button" class="botao" value="Fechar sem salvar" tabindex="26" onclick="window.location.href='/meu/pessoal'"/>
  </div>
  {{/cliente}}
</form>
<script type="text/javascript" src="/app/resources/cliente/js/dados_pessoais_edit.js"></script>
